<template>
    <!--<table border>
        <thead>
            <tr>
                <th>日期</th>
                <th>姓名</th>
                <th>地址</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in tableData" :key="item.name">
                <td>{{ item.date }}</td>
                <td>{{ item.name }}</td>
                <td>{{ item.address }}</td>
            </tr>
        </tbody>
    </table>-->
    <el-table :data="tableData" stripe border style="width: 100%">
        <el-table-column prop="date" label="日期" width="180" />
        <el-table-column prop="name" label="姓名" width="180" />
        <el-table-column prop="address" label="地址" width="300" />
    </el-table>
</template>

<script setup>
   const tableData = [
    {
        date: '2023-02-03',
        name: '王五',
        address: '湖州吴兴区'
    },
    {
        date: '2023-08-15',
        name: '张三',
        address: '湖州长兴县'
    },
    {
        date: '2024-01-03',
        name: '李四',
        address: '湖州安吉县'
    },
    {
        date: '2024-07-13',
        name: '赵六',
        address: '湖州德清县'
    }
   ]
</script>